<!DOCTYPE html>
<!--https://github.com/925003745/project-big-homework.git-->
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">
    <title>TrumpeT's Web Pages</title>
    <style>
        html {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
            _filter:none;
        }
    </style>
</head>
<body>

<div class="loader" id="loadEnd">
    <span>L</span>
    <span>O</span>
    <span>A</span>
    <span>D</span>
    <span>I</span>
    <span>N</span>
    <span>G</span>
    <span></span>
    <span></span>
    <span></span>
</div>

<link rel="stylesheet" type="text/css" href="css/Main-StyleType.css">
<link rel="icon" href="pic/face4.png">   <!--icon-->
<link rel="stylesheet" href="css/line-animation.css">
<link href="css/css2.css" rel="stylesheet">
<link href="css/all.min.css" rel="stylesheet">
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/OpenAnimation.css">

<script src="js/ForbidZoom.js"></script>
<script src="js/http_kit.fontawesome.com_697cd61f5e.js" crossorigin="anonymous"></script> <!-- 图形库 -->

<script type="text/javascript">

    function fnLoading(){
        var __loading__ = document.getElementById("__main__");
        __loading__.style.display = 'none';
    }
    document.onreadystatechange = subSomething;
    function subSomething(){
        if(document.readyState === "complete"){
            document.getElementById("__main__").style.display = 'inline';
            document.getElementById("loadEnd").style.display = 'none';
        }
    }
</script>


<div id="__main__">
    <script type="text/javascript">
        fnLoading();
    </script>
    <div>
        <script src="js/line-animation.js"></script>  <!-- background方块动画 -->
        <canvas id="canvas"></canvas>   <!-- background方块动画 -->
    </div>

    <div> <!-- 除动画之外的div盒子 -->

        <div class="demo1 topic-1">
            <span><img class="pic-5 left-5" src="pic/face1.png" alt="image"></span>
            <span class="text-secondary-2 font-size50"><strong>TrumpeT's</strong></span>
            <span><img class="pic-5 right-5" src="pic/face2.png" alt="image"> </span>
        </div>
        <!-- 顶部栏 -->

        <div class="container-fluid py-5">
            <div class="container">
                <div class="row g-5">
                    <div class="col-lg-4 col-md-6">
                        <div class="mb-3">
                            <p class="mb-4"></p>
                            <h6 class="text-primary text-uppercase">Trumpet's web page</h6>
                            <p class="mb-4">当前时间：</p>
                            <h1 class="display-5">
                                <div id="datetime">
                                    <script>
                                        setInterval("document.getElementById('datetime').innerHTML" +
                                            "=new Date().toLocaleString();", 1);
                                    </script>
                                </div>
                            </h1>
                        </div>

                        <a href="Wechat_ID.html"
                           class="btn btn-primary py-md-3 px-md-5">联系我</a>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light text-center p-5">
                            <i class="fa fa-cloud-sun-rain display-1 text-primary mb-3"></i><br>
                            <a class="font-18-bold" href="index_mini.html"> 天气 </a><br>
                            <a class="mb-0 scriptText" href="index_mini.html">
                                忽如一夜春风来，千树万树梨花开，明日冷暖问谁知，唯有快快点进来 >
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light text-center p-5">
                            <i class="fa fa-apple-alt display-1 text-primary mb-3"></i><br>
                            <a class="font-18-bold" href="index_mini.html"> text </a><br>
                            <a class="mb-0 scriptText" href="index_mini.html">
                                text ----------------------------------------------- text >
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light text-center p-5">
                            <i class="fa fa-republican display-1 text-primary mb-3"></i><br>
                            <a class="font-18-bold" href="index_mini.html"> text </a><br>
                            <a class="mb-0 scriptText" href="index_mini.html">
                                text ----------------------------------------------- text >
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light text-center p-5">
                            <i class="fa fa-toggle-off display-1 text-primary mb-3"></i><br>
                            <a class="font-18-bold" href="index_mini.html"> text </a><br>
                            <a class="mb-0 scriptText" href="index_mini.html">
                                text ----------------------------------------------- text >
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light text-center p-5">
                            <i class="fa fa-seedling display-1 text-primary mb-3"></i><br>
                            <a class="font-18-bold" href="index_mini.html"> text </a><br>
                            <a class="mb-0 scriptText" href="index_mini.html">
                                text ----------------------------------------------- text >
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main -->



        <!--<div class="weather-style">-->
        <!--    <span class="span-weather-center">-->
        <!--    <iframe scrolling="auto" frameborder="0" allowtransparency="true" width="100%" align="center"-->
        <!--            src="https://i.tianqi.com/index.php?c=code&id=36&icon=5&num=5"></iframe>-->
        <!--    </span>-->
        <!--</div>-->
        <!-- 垃圾 -->



        <div class="container-fluid color-orange text-white py-4">  <!-- 底部版权声明div -->
            <div class="container text-center">
                <p class="mb-0">
            <span _mstmutation="1" _msthash="442650" _msttexthash="132708056">
                版权所有 © 2022.TRUMPET 保留所有权利。
                <a target="_blank" href="https://github.com/925003745?tab=repositories"
                   _mstmutation="1" _istranslated="1">
                    Trumpet's
                </a>
            </span>
                </p>
            </div>
        </div>

    </div>
</div>
</body>
</html>